<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=no,viewport-fit=cover"/>
    <link href="./css/baseCss.css" rel="stylesheet" type="text/css"/>
    <link href="./base/layer.css" rel="stylesheet" type="text/css"/>
    <!-- <link href="./base/articlecon.css" rel="stylesheet" type="text/css"/> -->
    <link href="./base/base2.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="./css/swiper-3.4.0.min.css">
    <script type="text/javascript" src="./base/rem.js"></script>
    <script type="text/javascript" src="./base/iscroll.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/index.css">

    <style type="text/css">


    </style>
    <title>首页</title>
</head>
<body>
<!-- <div id="container"></div> -->
<div class="con">
    <div class="search">
        <div class="search-include"><img src="./img/search_01.png" onclick="indexSearch(this);"><input type="text" /></div>
        <!-- <div class="search-pos"><img src="./img/address_01.png"><span id="city">未定位</span></div> -->
    </div>
    <div class="swiper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./img/neet_01.png"></div>
                <div class="swiper-slide"><img src="./img/neet_02.png"></div>
                <div class="swiper-slide"><img src="./img/neet_03.png"></div>
                <div class="swiper-slide"><img src="./img/neet_04.png"></div>
                <div class="swiper-slide"><img src="./img/neet_05.png"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="type">
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_01.png"></span></div>
            <div class="type-text">随便吃</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_02.png"></span></div>
            <div class="type-text">中餐厅</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_03.png"></span></div>
            <div class="type-text">西餐厅</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_04.png"></span></div>
            <div class="type-text">快餐店</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_05.png"></span></div>
            <div class="type-text">小吃街</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_06.png"></span></div>
            <div class="type-text">甜品屋</div>
        </div>
        <div class="type-every type-drink" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_07.png"></span></div>
            <div class="type-text">饮品吧</div>
        </div>
        <div class="type-every" onclick="window.location.href='./classOther.html'">
            <div class="type-img"><span><img src="./img/index_08.png"></span></div>
            <div class="type-text">水果铺</div>
        </div>
    </div>

    <div class="everyDay">
        <div class="everyDay-top">每日推荐</div>
        <ul>
            <li class="everyDay-li" onclick="window.location.href='./detail.html'">
                <div class="everyDay-img"><img src="./img/neet_02.png"></div>
                <div class="everyDay-bar">
                    <div>
                        <span class="everyDay-title">小木屋韩式烧烤</span>
                        <img class="everyDay-more" src="./img/dot_01.png">
                    </div>
                    <div class="everyDay-star">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                    </div>
                    <div class="everyDay-detail">
                        <div>起送￥<span>16</span></div>
                        <div>配送费<span class="shipFee">3</span>元</div>
                        <div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
                    </div>
                    <div></div>
                    <div class="everyDay-support">支持自取</div>
                    <div class="everyDay-prefer">
                        <img src="./img/pre_01.png">
                        <span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
                    </div>
                </div>
            </li>
            <li class="everyDay-li" onclick="window.location.href='./detail.html'">
                <div class="everyDay-img"><img src="./img/neet_02.png"></div>
                <div class="everyDay-bar">
                    <div>
                        <span class="everyDay-title">小木屋韩式烧烤</span>
                        <img class="everyDay-more" src="./img/dot_01.png">
                    </div>
                    <div class="everyDay-star">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                    </div>
                    <div class="everyDay-detail">
                        <div>起送￥<span>16</span></div>
                        <div>配送费<span class="shipFee">3</span>元</div>
                        <div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
                    </div>
                    <div></div>
                    <div class="everyDay-support">支持自取</div>
                    <div class="everyDay-prefer">
                        <img src="./img/pre_01.png">
                        <span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
                    </div>
                </div>
            </li>
            <li class="everyDay-li" onclick="window.location.href='./detail.html'">
                <div class="everyDay-img"><img src="./img/neet_02.png"></div>
                <div class="everyDay-bar">
                    <div>
                        <span class="everyDay-title">小木屋韩式烧烤</span>
                        <img class="everyDay-more" src="./img/dot_01.png">
                    </div>
                    <div class="everyDay-star">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                    </div>
                    <div class="everyDay-detail">
                        <div>起送￥<span>16</span></div>
                        <div>配送费<span class="shipFee">3</span>元</div>
                        <div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
                    </div>
                    <div></div>
                    <div class="everyDay-support">支持自取</div>
                    <div class="everyDay-prefer">
                        <img src="./img/pre_01.png">
                        <span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
                    </div>
                </div>
            </li>
            <li class="everyDay-li" onclick="window.location.href='./detail.html'">
                <div class="everyDay-img"><img src="./img/neet_02.png"></div>
                <div class="everyDay-bar">
                    <div>
                        <span class="everyDay-title">小木屋韩式烧烤</span>
                        <img class="everyDay-more" src="./img/dot_01.png">
                    </div>
                    <div class="everyDay-star">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                        <img src="./img/start.png">
                    </div>
                    <div class="everyDay-detail">
                        <div>起送￥<span>16</span></div>
                        <div>配送费<span class="shipFee">3</span>元</div>
                        <div><span class="everyDay-min">53分钟</span><span class="everyDay-shu">|</span><span>1.6km</span></div>
                    </div>
                    <div></div>
                    <div class="everyDay-support">支持自取</div>
                    <div class="everyDay-prefer">
                        <img src="./img/pre_01.png">
                        <span>满25减4;</span><span>满35减9;</span><span>满65减13</span>
                    </div>
                </div>
            </li>
        </ul>


    </div>
</div>

<footer>
    <div style="height: 2.03rem;"></div>
    <div class="home">
        <div class="home-every" onclick="window.location.href='./index.html'">
            <div><img src="./img/home_07.png"></div>
            <div class="home-text" style="color: #fc6264;">首页</div>
        </div>
        <!-- <div class="home-every home-near">
            <div><img src="./img/home_02.png"></div>
            <div class="home-text">附近</div>
        </div> -->
        <div class="home-every" onclick="window.location.href='./order.html'">
            <div><img src="./img/home_01.png"></div>
            <div class="home-text">订单</div>
        </div>
        <div class="home-every" onclick="window.location.href='./myCenter.html'">
            <div><img src="./img/home_04.png"></div>
            <div class="home-text">我的</div>
        </div>
    </div>
</footer>

</body>

<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/httpUnit.js"></script>
<script type="text/javascript" src="./js/swiper-3.4.0.min.js"></script>
<script type="text/javascript" src="./js/constants.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper ('.swiper-container', {
                        direction: 'horizontal',
                        loop: true,
                    
                        // 如果需要分页器
                        pagination: '.swiper-pagination',
                        paginationClickable: true,
                });
    // userLogin();

    function userLogin() {
        var username = 13666666666;
        var password = 12345678;
        var obj = JSON.stringify({
            "username": username,
            "password": password
        });
        httpHelperpost("/api/users/userLogin", obj, function (isSuccess, data) {
            if (isSuccess == true) {
                var response = data.responseText;
                var value = JSON.parse(response);

                console.log(response);

                if (value.code == 0) {
                    console.log("登录成功");
                    sessionStorage.setItem("token", value.data);
                    userInfo();
                } else {
                    alert(value.message);
                    console.log("登录失败");
                }
            } else {
            }
        });
    }

    //获取用户信息
    function userInfo() {
        var obj = JSON.stringify({});
        httpHelperpost("/api/users/userInfo", obj, function (isSuccess, data) {
            if (isSuccess == true) {
                var response = data.responseText;
                var value = JSON.parse(response);

                console.log(response);

                if (value.code == 0) {
                    console.log("查询成功");
                    sessionStorage.setItem("userInfo", JSON.stringify(value.data));
                } else {
                    alert(value.message);
                    console.log("查询失败");
                }
            } else {
            }
        });
    }
</script>
<script type="text/javascript" src="./js/index.js"></script>

</html>